
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>部门的请假单</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
   
    </style>

</head>

<body class="white-bg" style="padding: 3px;font-size: 13px">
    <div class="page-heade">
       <h2 class="title_color text-center">部门的请假单</h2>
    </div>
    <form action="" class="form-inline" id="form1">
        <table class="table table-bordered bud_hei">
            <tr>
                <td style="width: 120px" class="text-right">编号：</td>
                <td><input type="text" name="" class="form-control"></td> 
                <td style="width: 120px" class="text-right">主题：</td>
                <td><input type="text" name="" class="form-control"></td>
                 <td style="width: 120px" class="text-right">请假类别</td>
                 <td>
                     <select class="form-control select">
                         <option value="0">请选择</option>
                         <option value="1">病假</option>
                         <option value="2">事假</option>
                         <option value="3">外出办事</option>
                         <option value="4">补休</option>
                         <option value="5">婚假</option>
                         <option value="6">年假</option>
                         <option value="7">调休</option>
                         <option value="8">其他</option>
                     </select>
                 </td> 
               </tr>
               <tr>
                  <td class="text-right">状态：</td>
                  <td>
                    <select class="form-control select">
                        <option value="0">请选择</option>
                        <option value="1">已打回</option>
                        <option value="2">区域领导部门经理审批</option>
                        <option value="3">拆分人审批</option>
                        <option value="4">集团领导审批</option>
                        <option value="5">抄送</option>
                        <option value="6">已归档</option>
                        <option value="7">已作废</option>
                        <option value="8">已否决</option>
                    </select>
                </td>
                <td class="text-right">开始时间：</td>
                <td><input type="text" name="" class="form-control layer-date" id="start"></td>
                <td class="text-right">申请人：</td>
                <td><input type="text" name="" class="form-control"></td>
               </tr>
               <tr>
                   <td class="text-right">部门类型：</td>
                   <td colspan="5">
                       <select class="form-control select">
                           <option value="0">本部门及下属部门</option>
                           <option value="1">本部门</option>
                       </select>
                   </td>
               </tr>
               <tr>
                   <td colspan="6" class="text-center">
                       <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button>  
                   </td>
               </tr>
        </table>
    </form>
    <table class="table table-striped table-bordered table-hover bud_hei text-center aprovalSystemTable" style="width: 100%;">
        <tr class="info">
            <th class="text-center">No.</th>
            <th class="text-center">编号</th>
            <th class="text-center" style="width: 240px">主题</th>
            <th class="text-center">申请人</th>
            <th class="text-center">实际请假人</th>
            <th class="text-center">类型</th>
            <th class="text-center">天数</th>
            <th class="text-center">状态</th>
            <th class="text-center">开始时间</th>
            <th class="text-center">结束时间</th>
            <th class="text-center">操作</th>
        </tr>
        <tbody>
            <tr>
                <td>1</td>
                <td><a class="J_menuItem" href="{:url('Other/vacateDetail')}">201712180007</a></td>
                <td class="text-left">12.7-12.8请假两天</td>
                <td><a href="javascript:;">蔡启豪</a></td>
                <td><a href="javascript:;">蔡启豪</a></td>
                <td>事假</td>
                <td>1天0小时</td>
                <td>已归档</td>
                <td>2017-12-21 18:44</td>
                <td>2017-12-21 18:44</td>
                <td><a href="javascript:;">查看流程图</a></td>
            </tr>
    </tbody>
    </table>
    <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5>


<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
 <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    laydate({
        elem:"#start",
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        event:"focus"
    })
    
    $(document).ready(function () {

        $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })   
$("#addVacate").click(function(){
       layer.open({
                type: 2,
                title: '添加新模板',
                 area: ['1200px', '600px'],
                fixed: false, //不固定
                maxmin: true,
                content: "{:url('Other/addVacate')}"
            });
            return false


})
</script>
</body>

</html>